<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/global.css">
    <title>咨询投诉页</title>
    <style>
        .main > .container .form {
            float: left;
            width: 820px;
        }        
    </style>
</head>

<body>
    <!-- 页头 -->
    <div class="header">
        <div class="header-top">
            <div class="container d-flex justify-content-between align-items-center">
                <div class="datebar text-light"></div>
                <ul class="toolsnav">
                    <li class="toolsnav__item"><a href="javascript:kqNav()">无障碍浏览</a>|</li>
                    <li class="toolsnav__item">
                        <a href="javascript:void(0)">政务微信</a>|
                        <img src="../img/weibo.png" alt="微信">
                    </li>
                    <li class="toolsnav__item">
                        <a href="javascript:void(0)">政务微博</a>|
                        <img src="../img/weibo.png" alt="微博">
                    </li>
                    <li class="toolsnav__item"><a id="js-langBtn" href="javascript:void(0)">繁体中文</a></li>
                    <li class="toolsnav__item">&emsp;</li>
                    <li class="toolsnav__item"><a href="#">登录</a>|</li>
                    <li class="toolsnav__item"><a href="#">注册</a></li>
                </ul>
            </div>
        </div>
        <div class="header-middle">
            <div class="container d-flex justify-content-between align-items-center">
                <img class="logo" src="../img/logo.png" alt="logo">
                <form class="searchbar" action="#">
                    <input class="searchbar__input" type="text" placeholder="请输入要搜索的内容">
                    <button class="searchbar__btn" type="submit">搜索</button>
                </form>
            </div>
        </div>
        <div class="header-bottom">
            <div class="container d-flex align-items-center">
                <ul class="nav">
                    <li class="nav__item">
                        <a href="#">网站首页</a>
                    </li>
                    <li class="nav__item">
                        <a href="#">行业动态</a>
                    </li>
                    <li class="nav__item">
                        <a href="#">政策法规</a>
                    </li>
                    <li class="nav__item">
                        <a href="#">通知公告</a>
                    </li>
                    <li class="nav__item">
                        <a href="#">办事指南</a>
                    </li>
                    <li class="nav__item">
                        <a href="#">新建商品房</a>
                    </li>
                    <li class="nav__item">
                        <a href="#">存量房</a>
                    </li>
                    <li class="nav__item">
                        <a href="#">房屋租赁</a>
                    </li>
                    <li class="nav__item">
                        <a href="#">中介机构</a>
                    </li>
                    <li class="nav__item">
                        <a href="#">咨询投诉</a>
                    </li>
                    <li class="nav__item">
                        <a href="#">单位概括</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 主体 -->
    <div class="main">
        <div class="container">
            <ul class="breadcrumb">
                <li class="breadcrumb__item">您当前所在的位置：</li>
                <li class="breadcrumb__item"><a href="#">首页</a>></li>
                <li class="breadcrumb__item"><a href="#">咨询投诉</a></li>
            </ul>
            <form class="form">
                <h3 class="form-title">咨询投诉</h3>
                <label>
                    <span>类型 :</span>
                    <select>
                        <option value="1">咨询</option>
                        <option value="2">投诉</option>
                    </select>
                </label>
                <label>
                    <span>标题 :</span>
                    <input type="text" placeholder="请输入标题">
                </label>
                <label>
                    <span>姓名 :</span>
                    <input type="text" placeholder="您的姓名">
                </label>
                <label>
                    <span>联系电话:</span>
                    <input type="text" placeholder="您的联系电话">
                </label>
                <label>
                    <span>地址:</span>
                    <input type="text" placeholder="请输入您的地址">
                </label>
                <label>
                    <span>内容 :</span>
                    <textarea style="height: 100px;" placeholder="您要咨询的内容"></textarea>
                </label>
                <label>
                    <span>验证码:</span>
                    <input name="code" type="text">
                    <img class="form-codeImg" src="../img/code.png">
                </label>
                <label>
                    <span>&nbsp;</span>
                    <button class="form-btn" type="submit">提交</button>
                </label>
            </form>
            <ul class="sidenav">
                <li class="sidenav__item">
                    <img class="sidenav__item-icon" src="../img/sidebar1.png">
                    <a class="sidenav__item-link" href="#">网站首页</a>
                </li>
                <li class="sidenav__item">
                    <img class="sidenav__item-icon" src="../img/sidebar2.png">
                    <a class="sidenav__item-link" href="#">行业动态</a>
                </li>
                <li class="sidenav__item">
                    <img class="sidenav__item-icon" src="../img/sidebar3.png">
                    <a class="sidenav__item-link" href="#">政策法规</a></li>
                <li class="sidenav__item">
                    <img class="sidenav__item-icon" src="../img/sidebar4.png">
                    <a class="sidenav__item-link" href="#">通知公告</a>
                </li>
                <li class="sidenav__item">
                    <img class="sidenav__item-icon" src="../img/sidebar5.png">
                    <a class="sidenav__item-link" href="#">办事指南</a></li>
                <li class="sidenav__item">
                    <img class="sidenav__item-icon" src="../img/sidebar6.png">
                    <a class="sidenav__item-link" href="#">新建商品房</a>
                </li>
                <li class="sidenav__item">
                    <img class="sidenav__item-icon" src="../img/sidebar7.png">
                    <a class="sidenav__item-link" href="#">存量房</a></li>
                <li class="sidenav__item">
                    <img class="sidenav__item-icon" src="../img/sidebar8.png">
                    <a class="sidenav__item-link" href="#">房屋租赁</a>
                </li>
                <li class="sidenav__item">
                    <img class="sidenav__item-icon" src="../img/sidebar9.png">
                    <a class="sidenav__item-link" href="#">中介机构</a></li>
                <li class="sidenav__item">
                    <img class="sidenav__item-icon" src="../img/sidebar10.png">
                    <a class="sidenav__item-link" href="#">咨询投诉</a>
                </li>
            </ul>
            <div class="clear"></div>
            <ul class="page">
                <li class="page__item">总共30记录</li>
                <li class="page__item"><a href="#">首页</a></li>
                <li class="page__item"><a href="#">上一页</a></li>
                <li class="page__item"><a href="#">[1]</a></li>
                <li class="page__item"><a href="#">[2]</a></li>
                <li class="page__item"><a href="#">下一页</a></li>
                <li class="page__item"><a href="#">尾页</a></li>
                <li class="page__item">当前1/2总页</li>
            </ul>
        </div>
    </div>
    <!-- 页脚 -->
    <div class="footer">
        <p>榆林市房地产交易管理所版权所有</p>
        <p>陕ICP备12345678号-1&emsp;Email：349511163@qq.com&emsp;电话：0912-1234567</p>
    </div>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.4/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/holder/2.9.4/holder.min.js"></script>
    <script src="../js/chinese.js"></script>
    <script src="../js/toolbar.js"></script>
    <script src="../js/common.js"></script>
</body>

</html>